.login-container {
    width: 100%;
    height: 100%;
    display: flex;
    background: radial-gradient(
          circle farthest-side at 0% 50%,
          #282828 23.5%,
          rgba(255, 170, 0, 0) 0
        )
        21px 30px,
      radial-gradient(
          circle farthest-side at 0% 50%,
          #2c3539 24%,
          rgba(240, 166, 17, 0) 0
        )
        19px 30px,
      linear-gradient(
          #282828 14%,
          rgba(240, 166, 17, 0) 0,
          rgba(240, 166, 17, 0) 85%,
          #282828 0
        )
        0 0,
      linear-gradient(
          150deg,
          #282828 24%,
          #2c3539 0,
          #2c3539 26%,
          rgba(240, 166, 17, 0) 0,
          rgba(240, 166, 17, 0) 74%,
          #2c3539 0,
          #2c3539 76%,
          #282828 0
        )
        0 0,
      linear-gradient(
          30deg,
          #282828 24%,
          #2c3539 0,
          #2c3539 26%,
          rgba(240, 166, 17, 0) 0,
          rgba(240, 166, 17, 0) 74%,
          #2c3539 0,
          #2c3539 76%,
          #282828 0
        )
        0 0,
      linear-gradient(90deg, #2c3539 2%, #282828 0, #282828 98%, #2c3539 0%) 0 0
        #282828;
    background-size: 40px 60px;
    /* padding-top: 200px; */
}

*, *::before, *::after {
  box-sizing: border-box;
}

@keyframes rotate {
  100% {
      transform: rotate(1turn);
  }
}

.login-box{
  width: 350px;
  height: auto;
  margin: auto;
  border-radius: 10px;
  background-color: rgba(58, 75, 90, 0.497);
  overflow: hidden;
  position: relative;
  z-index: 0;
  &::before {
    content: '';
    position: absolute;
    z-index: -2;
    left: -50%;
    top: -50%;
    width: 200%;
    height: 200%;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-image: conic-gradient(transparent, rgb(141, 194, 153), transparent 25%);
    animation: rotate 5s linear infinite;
  }

  &::after {
    content: '';
    position: absolute;
    z-index: -1;
    left: 6px;
    top: 6px;
    width: calc(100% - 12px);
    height: calc(100% - 12px);
    background: rgb(43, 45, 47);
    border-radius: 5px;
  } 

  .span-click-return{
    color: rgb(83, 158, 151);
    font-size: 12px;
  }
  .span-click-return:hover{
    cursor: pointer;
    color: rgb(204, 97, 65);
  }
  
  .force-login{
    width: 90%;
    left: 5%;
    height: 50px;
    position: absolute;
    top: 20px;
    text-align: center;
    background: rgba(94, 89, 89,0.8);
  }
}





  